<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>云端装饰</title>

    <!-- Bootstrap -->
    <link href="../css/bootstrap.min.css" rel="stylesheet">

    <!--引入公共样式-->
    <link rel="stylesheet" href="../src/CSSreset.css">
    <!--整版样式-->
    <link rel="stylesheet" href="../css/globa001.css">
    <!--页面样式-->
    <link rel="stylesheet" href="css/sjsny.css">

    <link rel="stylesheet" href="../css/style02.css">

    <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">

    <style>
        .swiper-container {
            width: 100%;
            height:350px;
            margin: 75px auto 20px;
        }
        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        .append-buttons {
            text-align: center;
            margin-top: 20px;
        }
        .append-buttons a {
            display: inline-block;
            border: 1px solid #007aff;
            color: #007aff;
            text-decoration: none;
            padding: 4px 10px;
            border-radius: 4px;
            margin: 0 10px;
            font-size: 13px;
        }
    </style>


    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <script src="../src/js/jquery-1.11.0.min.js"></script>
    <script src="js/sjs.js"></script>


</head>
<body>
<!--导航栏-->
<div class="nav">
    <div class="top">
        <div class="logo"></div>
        <div class="list w">
            <span><a href="../index.html">首   页</a></span>
            <span><a href="../activity/index.html">活   动</a></span>
            <span><a href="../case/al.html">案   例</a></span>
            <span><a href="../designer/sjs.html">设计师</a></span>
            <span><a href="javascript:void(0)">资   讯</a></span>
            <span><a href="javascript:void(0)">工地直播</a></span>
            <span><a href="../knows/ljyd.html">了解云端</a></span>
        </div>
    </div>
</div>
<!--导航栏结束-->


<!--banner开始-->
<div class="ban">
    <div class="banner">
        <!--<img class="rank" src="src/image/bannerimg.png" width="150" alt="">-->
        <!--<a href="javascript:void(0)" class="banner-more">查看更多 <span class="glyphicon glyphicon-play" aria-hidden="true"></span></a>-->
    </div>
</div>
<!--banner结束-->

<!--介绍开始-->
<div class="introduce">
    <div class="w">
        <div class="zc">
            <img class="people" src="./images/sjs.jpg" alt="">
            <p>已有 <span>90</span>人预约TA</p>
            <a href="#">马上预约TA</a>
            <a href="#">在线咨询</a>
            <h5>
                分享:
                <img src="./images/bdico.png" alt="">
                <img src="./images/wbico.png" alt="">
                <img src="./images/qqico.png" alt="">
                <img src="./images/wxico.png" alt="">
            </h5>
        </div>
        <div class="yc">
            <div class="name">张 三<span>设计总监</span></div>
            <div class="ms">
                设计经验 ：15年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;设计作品 ：109
            </div>
            <div class="wz">
                <div class="l">
                    <h2 style="margin-bottom: 210px;">荣获奖项:</h2>
                    <h2 style="margin-bottom: 50px;">设计风格:</h2>
                    <h2 style="margin-bottom: 50px;">代表作品:</h2>
                    <h2>设计理念:</h2>
                </div>
                <div class="r">
                    <h2>中国建筑学会室内设计会员</h2>
                    <h2>中国陈设艺术专业学会会员</h2>
                    <h2>中国室内装饰协会设计学会会员</h2>
                    <h2>中国建筑装饰协会注册高级室内设计师</h2>
                    <h2>设计师联盟（IFI）专业会员</h2>
                    <h2> 高级室内建筑师</h2>
                    <h2 style="margin-top: 48px;">田园 、美式 、欧式 、现代简约</h2>
                    <h2 style="margin-top: 48px;">保利上城</h2>
                    <h2 style="margin-top: 48px;">重视人心 ，追求自然</h2>
                </div>
            </div>
        </div>
        <div class="db">
           <ul>
               <li>
                   <img src="./images/eyes.png" alt="">
                   浏览人数: <span>489</span> 人
               </li>
               <li>
                   <img src="./images/sz.png" alt="">
                   成交人数: <span>210</span> 人
               </li>
               <li>
                   <img src="./images/cup.png" alt="">
                   人气指数: <span>596</span> 人
               </li>
           </ul>
        </div>
    </div>
</div>
<!--介绍结束-->

<!--作品展示开始-->
<div class="show">
    <div class="w">
        <div class="pic"></div>
        <div class="zhans">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="x">
                            <img src="./images/01.jpg" alt="">
                            <p>
                                <div class="bt">花山碧桂园
                                    <a class="xq" href="javascript:void(0)">查看详细<span class="glyphicon glyphicon-play" aria-hidden="true"></span></a>
                                </div>
                                <h6>花山碧桂园 花山碧桂园   预约热线 ：027-86611280</h6>
                            </p>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="x">
                            <img src="./images/01.jpg" alt="">
                            <p>
                            <div class="bt">花山碧桂园
                                <a class="xq" href="javascript:void(0)">查看详细<span class="glyphicon glyphicon-play" aria-hidden="true"></span></a>
                            </div>
                            <h6>花山碧桂园 花山碧桂园   预约热线 ：027-86611280</h6>
                            </p>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="x">
                            <img src="./images/01.jpg" alt="">
                            <p>
                            <div class="bt">花山碧桂园
                                <a class="xq" href="javascript:void(0)">查看详细<span class="glyphicon glyphicon-play" aria-hidden="true"></span></a>
                            </div>
                            <h6>花山碧桂园 花山碧桂园   预约热线 ：027-86611280</h6>
                            </p>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="x">
                            <img src="./images/01.jpg" alt="">
                            <p>
                            <div class="bt">花山碧桂园
                                <a class="xq" href="javascript:void(0)">查看详细<span class="glyphicon glyphicon-play" aria-hidden="true"></span></a>
                            </div>
                            <h6>花山碧桂园 花山碧桂园   预约热线 ：027-86611280</h6>
                            </p>
                        </div>
                    </div>
                </div>
                <!-- Add Pagination -->
                <!--<div class="swiper-pagination"></div>-->
                <!-- Add Arrows -->
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
        </div>
    </div>
</div>
<!--作品展示结束-->

<div class="w" style="height: 800px;">
    hello world
</div>

<!--foot开始-->
<div class="line01"></div>
<div class="bottom">
    <div class="w">
        <span id="cli">武汉云端尚装饰设计有限公司</span>
        <div class="words">
            <p> 体验馆：武昌区和平大道820号云端装饰体验馆</p>
            <p> 绿地店：绿地国际金融城绿地蓝海A座七楼 </p>
            <p> 光谷店：关山大道332号保利时代3幢</p>
        </div>
    </div>
</div>

<div class="last">
    <div class="w">
        <div class="sm">
            <span class="a1">
                <p>客服热线</p>
                <img src="../src/image/phone.png" alt=""/>
                <p class="f14">18571711736</p>
            </span>
            <span class="a2">
                <p>关注我们</p>
                <img class="mtx" src="../src/image/weixin.png" width="50" height="50" alt=""/>
                <b>微信公众号</b>
                <img id="erweima" src="../src/image/erweima.png" alt=""/>
            </span>
            <span class="a3">
                <p>在线咨询</p>
                <img src="../src/image/qq.png" alt=""/>
                <p class="f14">992766982</p>
            </span>
        </div>
        <div class="copyright">
            <div class="ulli">
                <span><a href="../index.html">首   页</a></span>
                <span><a href="../activity/index.html">活   动</a></span>
                <span><a href="../case/al.html">案   例</a></span>
                <span><a href="../designer/sjs.html">设计师</a></span>
                <span><a href="javascript:void(0)">资   讯</a></span>
                <span><a href="javascript:void(0)">工地直播</a></span>
                <span><a href="../knows/ljyd.html">了解云端</a></span>
            </div>
            <br>
            <b>Copyright @2017 武汉云端尚装饰设计有限公司 All Right reserved.</b>
            <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1262342805'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1262342805%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
        </div>
    </div>
</div>

<div class="izl-rmenu">
    <a class="consult" target="_blank"><div class="phone" style="display:none;">18571711736</div></a>
    <a class="cart"><div class="pic"></div></a>
    <a href="javascript:void(0)" class="btn_top" style="display: block;"></a>
</div>

<a target="_blank"  href="http://ala.zoosnet.net/LR/Chatpre.aspx?id=ALA54578112&lng=cn" id="udesk-feedback-tab" class="udesk-feedback-tab-left" style="display: block; background-color: black;"></a>


<!--<div class="izl-rmenu">-->
    <!--<a class="consult" target="_blank"><div class="phone" style="display:none;">18571711736</div></a>-->
    <!--<a class="cart"><div class="pic"></div></a>-->
    <!--<a href="javascript:void(0)" class="btn_top" style="display: block;"></a>-->
<!--</div>-->

<!--<a target="_blank"  href="http://ala.zoosnet.net/LR/Chatpre.aspx?id=ALA54578112&lng=cn" id="udesk-feedback-tab" class="udesk-feedback-tab-left" style="display: block; background-color: black;"></a>-->

<!--foot结束-->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->

<script type="text/javascript">
    /*---------返回顶部----------*/
    $(function() {
        $(".btn_top").hide();
        $(".btn_top").on("click",function(){
            $('html, body').animate({scrollTop: 0},300);return false;
        })
        $(window).bind('scroll resize',function(){
            if($(window).scrollTop()<=300){
                $(".btn_top").hide();
            }else{
                $(".btn_top").show();
            }
        })
    })
    /*---------返回顶部 end----------*/
</script>

<script src="../js/swiper-3.4.2.min.js"></script>

<script>
    var appendNumber = 4;
    var prependNumber = 1;
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        slidesPerView: 3,
        centeredSlides: true,
        paginationClickable: true,
        spaceBetween: 30
    });
    document.querySelector('.prepend-2-slides').addEventListener('click', function (e) {
        e.preventDefault();
        swiper.prependSlide([
            '<div class="swiper-slide">Slide ' + (--prependNumber) + '</div>',
            '<div class="swiper-slide">Slide ' + (--prependNumber) + '</div>'
        ]);
    });
    document.querySelector('.prepend-slide').addEventListener('click', function (e) {
        e.preventDefault();
        swiper.prependSlide('<div class="swiper-slide">Slide ' + (--prependNumber) + '</div>');
    });
    document.querySelector('.append-slide').addEventListener('click', function (e) {
        e.preventDefault();
        swiper.appendSlide('<div class="swiper-slide">Slide ' + (++appendNumber) + '</div>');
    });
    document.querySelector('.append-2-slides').addEventListener('click', function (e) {
        e.preventDefault();
        swiper.appendSlide([
            '<div class="swiper-slide">Slide ' + (++appendNumber) + '</div>',
            '<div class="swiper-slide">Slide ' + (++appendNumber) + '</div>'
        ]);
    });
</script>

<script src="../js/bootstrap.min.js"></script>



</body>
</html>
<!--客服开始-->
<!--<script language="javascript" src="http://ala.zoosnet.net/JS/LsJS.aspx?siteid=ALA54578112&float=1&lng=cn"></script>-->
<!--客服结束-->